<template>
  <div class="container">
    <h2>数据库信息</h2>
    <InfluxdbInfo />

    <h2 style="margin-top: 40px;">远程连接管理</h2>
    
  </div>
</template>

<script setup>
import {onMounted} from 'vue'
import InfluxdbInfo from "@/components/InfluxdbInfo.vue"
import { useSharedStore } from '@/stores/useSharedStore'
const sharedStore = useSharedStore()

onMounted(()=>{
  
  setTimeout(()=>{
    sharedStore.get_config_info()
  },1000)
})


</script>

<style>
.container {
  max-width: 1200px;
  margin: 20px auto;
  padding: 20px;
}

h2 {
  color: #333;
  margin-bottom: 20px;
}
</style>